<template>
  <div class="app">
    {{ selectId }}==={{ selectId2 }}==={{ selectId3 }}
    <BaseSelect @changeId="fn1"></BaseSelect>
    <BaseSelect @changeId="fn2"></BaseSelect>
    <BaseSelect @changeId="fn3"></BaseSelect>
  </div>
</template>

<script>
import BaseSelect from "./anli/BaseSelect.vue";
export default {
  data() {
    return {
      selectId: "101",
      selectId2: "101",
      selectId3: "101",
    };
  },
  methods: {
    fn1(val) {
      this.selectId = val;
    },
    fn2(val) {
      this.selectId2 = val;
    },
    fn3(val) {
      this.selectId3 = val;
    },
  },
  components: {
    BaseSelect,
  },
};
</script>

<style>
</style>